<template>
  <div>
    <el-popover
      placement="bottom"
      title="Title"
      :width="310"
      trigger="click"
      content="this is content, this is content, this is content"
    >
      <template #reference>
        <el-badge :value="5" class="item">
          <i :class="'iconfont icon-xiaoxi'" class="toolBar-icon"></i>
        </el-badge>
      </template>
    </el-popover>
  </div>
</template>

<script setup>
</script>

<style lang="scss" scoped>
.toolBar-icon {
  font-size: 20px;
  //   margin: ;
   cursor: pointer;
}
</style>